<html>
<head>
</head>
<style>
    #middle1-search{
        height: 32px;
        width: 200px;
        position: absolute;
        right:60px;
        border-radius: 30px;
        font-size: 14px;
        color: rgb(153,153,153);
        background-color: rgb(235,236,237);
        border: none;
    }
    #middle1-search:focus {
        outline:none;
        box-shadow:0 0 0 1.5px #f7941d;    //设置圆角边框 
    }
</style>
<body>
<input id="middle1-search" type="text" placeholder="请输入关键字搜索" onkeyup="research(event)" />

<script>
     function research(e){
      // var a =    document.getElementById('middle1-search').value()
        if(e.keyCode==13){
              var a =    document.getElementById('middle1-search').value
             console.log(a)
            // console.log( document.getElementsBy('middle1-search'))
        }
     }
</script>
</body>


</html>
